React Component的生命週期,大致上可以分成產生、更新及結束三個階段,每個階段都有對應的方法可以去偵測。
Component在產生階段時可以使用constructor()這個方法去捕捉,觸發時間點在render()之前。以下用官網的clock Component作為範例:
class Clock extends React.Component {
constructor(props) {
// super:呼叫父類別,是用來提供一個類別呼叫其父類別的函數。
super(props);
this.state = {date: new Date()};
}
render() {
return (
<div>
<h1>Hello, world!</h1>
<h2>It is {this.state.date.toLocaleTimeString()}.</h2>
</div>
);
}
}